<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>趣生活论坛</title>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/style/front/css/base.css"/>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/style/front/css/style.css"/>
</head>

<body>
<div class="head-box">
    <div class="head wrap">
          <div class="logo fl"><a href=""><img src="${pageContext.request.contextPath}/static/style/front/images/logo.png"/></a></div>
          <div class="head-right fr">
              <div class="head-a fr">
            <% if(session.getAttribute("users")==null){ %>
                   <div class="head-a3 login-click fl"><a href="${pageContext.request.contextPath}/login">登录</a></div>
                   <div class="head-a4 reg-click fl"><a href="${pageContext.request.contextPath}/login">注册</a></div>          
              
            <% }else{%>             		 
              <div class="tbt fl">
              		<a href="#">
              			<img src="${pageContext.request.contextPath}/${users.picture}" style="display: inline-block;height: auto;max-width: 100%;"/>
                   </a>     
               </div>
             <%} %>
              
              </div>
              <div class="clearfix"></div>
              <div class="nav fr">
                  <ul>
                       <li><a href="${pageContext.request.contextPath}/">首页</a></li>
                       <li><a href="#">文章</a>
                           <div class="sub-nav">
                                <div class="bich-top"></div>
                                 <div class="bich">
                                     <a href="#">服饰</a>
                                     <a href="#">美食</a>
                                     <a href="#">出行</a>
                                     <a href="#">约会</a>
                                 </div>
                           
                           </div>
                       </li>
                       <li class="nav-cut"><a href="#">社区</a></li>
                       <li><a href="#">课程</a></li>
                       <li><a href="#">活动</a></li>
                       <li><a href="#">联系我们</a></li>
                  </ul>
              </div>
              <div class="clearfix"></div>
          </div>
    </div>
</div>

<div class="content">
    <div class="wrap">
          <div class="art-height"></div>
          <div class="community">
               <div class="com-fl fl">
                       <div class="hd">
                          <ul><li style="background:url(${pageContext.request.contextPath}/static/style/front/upload/com-a.jpg) no-repeat center center;height:289px"></li>
                              <li style="background:url(${pageContext.request.contextPath}/static/style/front/upload/com-a.jpg) no-repeat center center;height:289px"></li>
                              <li style="background:url(${pageContext.request.contextPath}/static/style/front/upload/com-a.jpg) no-repeat center center;height:289px"></li></ul>
                       </div>
                       <div class="bd"><ul></ul></div> 
               </div>      
               <div class="com-fr fr">
                       <div class="com-a">
                            <div class="com-a1">圣诞节，总该对喜欢的姑娘做些什么吧？</div>
                            <div class="com-a2">又是一年的圣诞节，看着朋友圈里秀恩爱的男男女女，闻着大街上充满荷尔蒙的味道，自己也忍不住对喜欢的姑娘做些什么。 可是，能做什么？ 今年的平安夜和圣诞节都在工<a href="">[查看全文]</a></div>
                       </div>
                       <div class="com-b">
                            <div class="com-b1">聊天的威力—微信聊天直约到家（御姐篇）[1次回复 / 2559次浏览]<span>Shinnystory</span></div>
                            <div class="com-b1">教學帖-聊天[1次回复 / 2236次浏览] <span>Shinnystory</span></div>
                            <div class="com-b1">《中国把妹故事》第二十二章干了这杯失身酒[1次回复 / 2462次浏览] <span>Shinnystory</span></div>
                            <div class="com-b1">抛弃惯例，利用魅力自然把妹[2次回复 / 3449次浏览]<span>Shinnystory</span></div>
                            <div class="com-b1">喜欢猫咪的学生妹 & 细节约会[2次回复 / 3367次浏览] <span>Shinnystory</span></div>
                            <div class="com-b1">经典挽回系列之一：见龙卸甲，如何再回女人[1次回复 / 2824次浏览]<span>Shinnystory</span></div>
                            <div class="com-b1">男人30岁以后,成熟男人的标准[2次回复 / 2310次浏览]      <span>Shinnystory</span></div>
                            <div class="com-b1">黑洞吸引法则－从陌生到暧昧邀约全流程[1次回复 / 3336次浏览] <span>Shinnystory</span></div>
                            <div class="com-b1">蜡烛表白率有多高？[2次回复/1256次浏览] <span>Shinnystory</span></div>
                       </div> 
               </div>
          </div>
          <div class="ru">
                <div class="ru-fl fl">
                        <div class="ru-a">
                               <div class="ru-title">
                                       <div class="cou-b1"><img src="${pageContext.request.contextPath}/static/style/front/images/cou-b1.jpg">课程</div>
                                       <div class="ru-a1">
                                             <div class="sort">排序</div>
                                       </div>
                                       <div class="ru-a2">
                                             <div class="dropdown">
                                                    <span>情感</span>
                                                     <ul data-value="" class="droplist">
                                                                <li data-id="1">全部</li>
                                                                <li data-id="2">服饰</li>
                                                                <li data-id="3">最新</li>
                                                                <li data-id="4">提问</li>
                                                                <li data-id="5">约会技巧</li>
                                                                <li data-id="6">热门文章</li>
                                                     </ul>
                                             </div>
                                       </div>
                               </div>
                         </div>
                         <div class="ru-b">
                                <ul>
                                <c:forEach items="${tList}" var="item">
									
                                      <a href="${pageContext.request.contextPath}/fronts/communitypost/${item.id}"><li>
                                           <div class="wt-fl fl">
                                                 <div class="wt-a1"><img src="${pageContext.request.contextPath}/static/style/front/upload/com-b.jpg"></div>
                                                 <div class="wt-a2">水果大人</div>
                                           </div>
                                           <div class="wt-fr fl">
                                                  <div class="wt-r1">${item.title}<em>New</em></div>
                                                  <div class="wt-r2">评论（${item.commentcount }） 丨  阅读（2165） 丨  ${item.topictime} </div>
                                                  
                                           </div>
                                      </li></a>
                                  </c:forEach>
                                </ul>
                                <div class="skt-more com-more"><a href="">查看更多</a></div>
                              
                         </div>       
                </div><!--ru-fl--> 
                                       
                <div class="ru-fr fr">
                	<form id="productGroup" class="form-horizontal"
								action="${pageContext.request.contextPath}/fronts/post"
								method="get">
                        <div class="ru-c1"><input type="submit" class="tsm-btn" value="发表帖子"></input></div>
                    </form>

                       <div class="ru-c2"><img src="${pageContext.request.contextPath}/static/style/front/images/cou-b1.jpg">热门标签</div>
                       <c:forEach items="${list}" var="item" varStatus="status">
                       <div class="ru-c3">
                           <span>${item.name}</span>
                         </c:forEach>
                          
                       </div>
                                                                   
                </div>
          </div><!--ru-->
    </div> 






<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/Action.js"></script>
<script src="js/jquery.SuperSlide.2.1.1.js"></script>
<script>
   $(".com-fl").slide({
		    titCell: ".bd ul" , 
		    mainCell:".hd ul" , 
	        effect:"fold", 
	        autoPlay:true,
	        autoPage: true, 
		    mouseOverStop:false,
 		    trigger: "click",
		    startFun: function (i) {
                    var curLi = jQuery(".com-fl .bd li").eq(i);
                    if (!!curLi.attr("_src")) {
                        curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
                    }
                }
		 })	
</script>
<script>
   $(".sort").click(function(){
	   $(this).toggleClass("sort-cut")  
	})
</script>
<script>
   $(".dropdown").bind({
	    click: function () {
	        $(this).find(".droplist").stop().slideDown();
	    },
	    mouseleave: function () {
	        $(this).find(".droplist").hide();
	    }
	});
	$(".dropdown .droplist li").click(function () {
	    $(this).parents(".dropdown").children("span").text($(this).text());
	    $(this).parents(".droplist").hide().attr("data-value", $(this).attr("data-id"));
	});
</script>
</body>
</html>
